<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<head>
<title>旅游购票系统</title>
<link href="css/style.css" rel="stylesheet" type="text/css"
	media="all" />
</head>

<!-- <link href='http://fonts.googleapis.com/css?family=Roboto'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow'
	rel='stylesheet' type='text/css'> -->
	
<link rel="stylesheet" href="./css/responsiveslides.css2">
<link rel="stylesheet" href="./css/responsiveslides.css2">
<link rel="stylesheet" href="./css/responsiveslides.css">
<!-- <script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> -->
<script src="./js/responsiveslides.min.js"></script>
<script>
	// You can also use "$(window).load(function() {"
	$(function() {
		// Slideshow 1
		$("#slider1").responsiveSlides({
			maxwidth : 2500,
			speed : 600
		});
	});
</script>
<body>
	<!---start-wrap---->
	<!---start-header---->
	<div class="header">
		<div class="wrap">
			<!---start-logo---->
			<div class="logo">
				<a href="#"><img src="./images/logo.png" title="logo" /></a>
			</div>
			<!---End-logo---->
			<!---start-top-nav---->
			<div class="top-nav">
				<ul>
					<li class="active"><a href="#">主页</a></li>
					<li><a href="${pageContext.request.contextPath}/tocustomer.action">我的</a></li>
					<li><a href="${pageContext.request.contextPath}/login.action">退出登陆</a></li>
				</ul>
			</div>
			<div class="clear"></div>
			<!---End-top-nav---->
		</div>
		<!---End-header---->
	</div>
	<!--start-image-slider---->
	<div class="image-slider">
		<!-- Slideshow 1 -->
		<ul class="rslides" id="slider1">
			<li><img src="./images/1.jpg" alt="">
				<div class="slider-info">
					<p >欢迎使用旅游购票系统</p>
					<span>
                       <font color="#FFFFFF">
					        人之所以爱旅行，不是为了抵达目的地，而是为了享受旅途中的种种乐趣. 
					   </font>
					</span>
				</div></li>
		</ul>
		<!-- Slideshow 2 -->
	</div>
	<!--End-image-slider---->
	<!---End-wrap---->
	<div class="clear"></div>
	<!---start-content---->
	<div class="content">
		<div class="wrap">
			<div class="content-grids">
				<div class="grid">
					<img src="./images/埃及02.png"
						title="image-name" />
					<h3>埃及</h3>
					<p>阿拉伯埃及共和国（阿拉伯语：جمهوريّة مصرالعربيّة‎ ），简称“埃及”。
					位于非洲东北部，地处欧亚非三大洲的交通要冲，是大西洋与印度洋之间海上航线的捷径。
					25 大旅游热点·独一无二的旅行体验
　　                                           乘船游览纳赛尔湖观赏阿布辛贝勒神庙，在红海潜水拥抱蓝色的海洋世界，骑骆驼环绕法老的金字塔，炫目的回旋舞定会让你迷醉留恋.</p>
					<a class="button" href="${pageContext.request.contextPath}/toaijigoupiao.action">购票</a>
				</div>
				<div class="grid">
					<img src="./images/澳大利亚02.png"
						title="image-name" />
					<h3>澳大利亚</h3>
					<p>阿德莱德：是南澳大利亚州的首府城市，也是澳大利亚的第五大城市，“2013年世界十大最宜居城市”之一。
					市中心的中央市场、北大街等，提供丰富的美味食物和有趣的娱乐活动。
					在大阿德莱德地区有个滨海城镇——格雷尔,拥有洁净的白沙海滩，距离阿德莱德市西南方九公里左右。一到夏季便成为当地居民及游客的休闲娱乐胜地，即使到了秋冬之季，游客仍然络绎不绝.</p>
					<a class="button" href="${pageContext.request.contextPath}/toaodaliyagoupiao.action"">购票</a>
				</div>
				<div class="grid last-grid">
					<img src="./images/三亚02.png"
						title="image-name" />
					<h3>三亚</h3>
					<p>沙滩、海鲜、潜水是三亚度假的三大永恒主题。地处中国海南岛最南端的三亚,四季如夏,鲜花盛开,素有“东方夏威夷”之称,在三亚约两百公里的海岸线上,密布了亚龙湾、
					大东海、三亚湾等众多海湾,椰树成林;海上的有东、西两岛为碧波万顷的海面增加层次,互掩其中。蜈支洲岛享有“中国第一潜水基地”美誉,有中国保护最完好的生态珊瑚礁.</p>
					<a class="button" href="${pageContext.request.contextPath}/tosanyagoupiao.action">购票</a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
			<div class="specials">
				<div class="specials-heading">
					<h5></h5>
					<h3>热门景点攻略</h3>
					<h5></h5>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
				<div class="specials-grids">
					<div class="special-grid">
						<img src="./images/珠穆朗玛峰.png" title="image-name" /> <a
							href="#">珠穆朗玛峰</a>
						<p>Mount Qomolangma (English: Mount Qomolangma, Tibetan: ཇོ་མོ་གླང་་, Nepalese: सगमाथाा), abbreviated as Everest, is the main peak of the Himalayas and the highest mountain in China and the world, located on the border between China and Nepal.</p>
					</div>
					<div class="special-grid">
						<img src="./images/秘鲁.png" title="image-name" /> <a
							href="#">秘鲁</a>
						<p>The Republic of Peru, or Peru for short, is a country in the west of South America, bordering Ecuador and Colombia in the north, Brazil and Bolivia in the East, Chile in the south, and the Pacific Ocean in the West.</p>
					</div>
					<div class="special-grid spe-grid">
						<img src="./images/青藏高原.png" title="image-name" /> <a
							href="#">青藏高原</a>
						<p>The Qinghai Tibet Plateau, the inland plateau of Asia, is the largest plateau in China and the highest in the world, known as "the roof of the world" and "the third pole". South from the southern edge of the Himalayas.</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="testmonials">
			<div class="wrap">
				<div class="testmonial-grid">
					<h3>TESTIMONIALS :</h3>
					<p>&#34; Life is like a journey. What you should care about is not the destination, but the scenery on the way and your mood when you see the scenery.&#34;</p>
					<a href="#"> - Lorem ipsum</a>
				</div>
			</div>
		</div>
	</div>
	<!---End-content---->
	<div class="clear"></div>
	<!---start-footer---->
	<div class="footer">
		<div class="wrap">
			<div class="footer-grids">
				<div class="footer-grid">
					<h3>EXTRAS</h3>
					<p>Ut rutrum neque a mollis laoreet diam enim feuiat dui nec
						ulacoper quam felis id diam. Nunc ut tortor ligula eu petiu risus.
						Pelleesque conquat dignissim lacus quis altrcies.</p>
				</div>
				<div class="footer-grid">
					<h3>RECENT POSTS</h3>
					<ul>
						<li><a href="#">Vestibulum felis</a></li>
						<li><a href="#">Mauris at tellus</a></li>
						<li><a href="#">Donec ut lectus</a></li>
						<li><a href="#">vitae interdum</a></li>
					</ul>
				</div>
				<div class="footer-grid">
					<h3>USEFUL INFO</h3>
					<ul>
						<li><a href="#">Hendrerit quam</a></li>
						<li><a href="#">Amet consectetur </a></li>
						<li><a href="#">Iquam hendrerit</a></li>
						<li><a href="#">Donec ut lectus </a></li>
					</ul>
				</div>
				<div class="footer-grid footer-lastgrid">
					<h3>CONTACT US</h3>
					<p>Pelleesque conquat dignissim lacus quis altrcies.</p>
					<div class="footer-grid-address">
						<p>Tel.800-255-9999</p>
						<p>Fax: 1234 568</p>
						<p>
							Email:<a class="email-link" href="#">Eaxmplesite@Demo.com</a>
						</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</body>
</html>